#516E5E

Color Details

HEX
#516E5E
RGB
rgb(81, 110, 94)
HSL
hsl(147, 15%, 37%)
CMYK
cmyk(26%, 0%, 15%, 57%)
Best text on this color #FFFFFF (CR 5.61:1) Determined by WCAG contrast ratio

Readability Previews

Black on #516e5e
Contrast 3.74:1 Fail
White on #516e5e
Contrast 5.61:1 AA
#516e5e on Black
Contrast 3.74:1 Fail
#516e5e on White
Contrast 5.61:1 AA

Tints & Shades

#748b7e
#97a89e
#b9c5bf
#41584b
#314238
#202c26

Complement & Analogous

#6d5060
#4a7371
#4c734a

Triadic

#5d506d
#6d5d50

Monochrome

#202c26 #314238 #516e5e #97a89e #b9c5bf #dce2df

Analogous

#4c734a #829d80 #516e5e #6e8f8d #4a7371 #3b5c5a

Complementary Mix

#314238 #516e5e #97a89e #6d5060 #a08d98 #47343e

Nearby Colors

#516e5d
#516e5f
#516e4e
#516e6e

Embed #516E5E swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #516E5E

#516E5E converts to RGB(81, 110, 94) and HSL(147, 15%, 37%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#516E5E FAQs

What is the RGB value of #516E5E?
RGB: 81, 110, 94. Copy as CSS: rgb(81, 110, 94)
Is #516E5E a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #516E5E?
Complement: #6d5060.
Does #516E5E have good contrast on white or black?
On white: 5.61:1 (AA (normal text)). On black: 3.74:1 (AA (large text)).